<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<style>
 *{margin:0;padding:0;}
          body{color:white;
          	background-color: brown;
          }
          .content{
              background-color:pink ;
             position:absolute;
             top:50%;
             left:0;
             width:100%;
             height:400px;
             margin-top:-200px;
             overflow:hidden;
         }
         .main{
             text-align:center;
             max-width:600px;
             height:400px;
             padding:100px 0px;
             
             margin:0 auto;
         }
         .main h1{
             font-family:"楷体";
             font-size:70px;
             font-weight:2px;         }
         form{
             padding:20px 0;
         }
         form input{
             border:1px solid white;
             display:block;
             margin:0px auto 10px auto;
             padding:10px;
             width:220px;
             border-radius:30px;/
             font-size:18px;
             font-weight:300;
             text-align:center;
         }
         form input:hover{
             background-color:pink;
         }
         form button{
             background-color:yellow;
             border-radius:10px;
             border:0;
             height:30px;
             width:50px;
             padding:5px 10px;
         }
         form button:hover{
             background-color:red;
         }
</style>
<body>
<<div class="content">    
     <div class="main">
         <h1>Welcome</h1>
         <form>
             <input type="text" name="useid" placeholder="请输入账号"/>
             <input type="password" name="pw" placeholder="请输入密码">
             <button type="submit">登&nbsp;&nbsp;录</button>
         </form>
     </div>
 </div>         
</body>
</html>